<!DOCTYPE html>
<html lang="">
    <head>
        <meta charset="utf-8" />
        <title>LoNote's Hotkey Table</title>
        <meta name="description" content="LoNote's Hotkey Table" />
        <style>
            body {
                background-color: #FFE;
                font-family: "Georgia", "Times New Roman", "Droid Sans", sans-serif;
            }

            table {
                margin: auto;
                margin-top: 30px;
                margin-bottom: 30px;
                width: 90%;
            }

            th {
                font-size: 1.15em;
            }

            tr:nth-child(2n+1) {
                background-color: #EED;
            }

            tr:nth-child(2n+2) {
                background-color: #DDA;
            }

            td {
                padding: 5px;
            }

            td:first-child {
                font-weight: bold;
                width: 30%;
                text-align: center;
            }

            td:last-child {
                font-style: italic;
            }

            p {
                text-align: center;
                color: brown;
                font-weight: bold;
            }
        </style>
    </head>

    <body>
        <h1 style="text-align: center;">LoNote Hotkey Table</h1>

        <article>
            <p>Hint: Almost all editing function only have hotkey but no button.</p>

            <table>
                <thead>
                </thead>

                <tbody>
                    <tr><th colspan="2"><h2>Note Management</h2></th></tr>
                    <tr><th>The hotkey</th><th>Description</th></tr>

                    <tr><td>Alt + N</td><td>Create a new note.</td></tr>
                    <tr><td>Ctrl + Alt + N</td><td>Make a new history record.</td></tr>
                    <tr><td>F2</td><td>Change current note title.</td></tr>
                    <tr><td>F7</td><td>Move current note's position.</td></tr>
                    <tr><td>F8</td><td>Export current note and all sub-notes as a new notebook.</td></tr>
                    <tr><td>F9</td><td>Import a existing notebook as sub-notes of this note.</td></tr>
                    <tr><td>Shift + Delete</td><td>Remove the current note.</td></tr>

                    <tr><th colspan="2"><h2>Content Editing</h2></th></tr>

                    <tr><th>The hotkey</th><th>Basic Formating</th></tr>
                    <tr><td>Ctrl + K</td><td>Remove format</td></tr>
                    <tr><td>Ctrl + B</td><td>Bold</td></tr>
                    <tr><td>Ctrl + I</td><td>Italic</td></tr>
                    <tr><td>Ctrl + U</td><td>Underline</td></tr>
                    <tr><td>Ctrl + S</td><td>Strike</td></tr>
                    <tr><td>Alt + ↑</td><td>Font size increase</td></tr>
                    <tr><td>Alt + ↓</td><td>Font size decrease</td></tr>
                    <tr><td>Ctrl + E</td><td>Color change</td></tr>
                    <tr><td>Alt + K</td><td>Super script</td></tr>
                    <tr><td>Alt + J</td><td>Sub script</td></tr>

                    <tr><th>The hotkey</th><th>Paragraph Formating</th></tr>
                    <tr><td>Alt + 0 or Alt + `</td><td>Paragraph</td></tr>
                    <tr><td>Alt + 1 ~ 6</td><td>Heading 1 ~ 6</td></tr>
                    <tr><td>Alt + 7</td><td>Blockquote</td></tr>
                    <tr><td>Alt + 8</td><td>Code (pre)</td></tr>
                    <tr><td>Alt + P</td><td>Unordered List</td></tr>
                    <tr><td>Alt + O</td><td>Ordered List</td></tr>
                    <tr><td>Alt + ]</td><td>Indent</td></tr>
                    <tr><td>Alt + [</td><td>Outdent</td></tr>
                    <tr><td>Alt + ,</td><td>Justify Left</td></tr>
                    <tr><td>Alt + .</td><td>Justify Right</td></tr>
                    <tr><td>Alt + M</td><td>Justify Center</td></tr>

                    <tr><th>The hotkey</th><th>Inserting & Linking</th></tr>
                    <tr><td>Alt + I</td><td>Insert Resource</td></tr>
                    <tr><td>Ctrl + Alt + I</td><td>Insert (or edit) HTML Source Code.</td></tr>
                    <tr><td>Ctrl + L</td><td>Create a Link of Selected Text.<br/>(Format: TEXT@LINK or only LINK)</td></tr>
                    <tr><td>Ctrl + Shift + K</td><td>Remove link</td></tr>
                    <tr><td>Alt + D</td><td>Insert Date-stamp<br/>(<a href="/config">Configure the Date-stamp format</a>)</td></tr>
                    <tr><td>Alt + T</td><td>Insert Time-stamp<br/>(<a href="/config">Configure the Time-stamp format</a>)</td></tr>

                    <tr><th>The hotkey</th><th>Image Resizing</th></tr>
                    <tr><td>Shift + Mousewheel (on image)</td><td>Resize the image.</td></tr>
                    <tr><td>Shift + LeftClick (on image)</td><td>Resize the image to default width.</td></tr>


                    <tr><th colspan="2"><h2>Other</h2></th></tr>
                    <tr><th>The hotkey</th><th>Description</th></tr>

                    <tr><td>F4</td><td>Search some note with keyword.</td></tr>
                    <tr><td>F10</td><td>Toggle view/edit mode.</td></tr>
                    <tr><td>Alt + Q</td><td>Show the Index of Content</td></tr>
                    <tr><td>Alt + PageUp</td><td>Goto upper page in the same level.</td></tr>
                    <tr><td>Alt + PageDown</td><td>Goto lower page in the same level.</td></tr>
                    <tr><td>Ctrl + Alt + PageUp</td><td>Goto top page in the same level.</td></tr>
                    <tr><td>Ctrl + Alt + PageDown</td><td>Goto bottom page in the same level.</td></tr>

                    <tr><th colspan="2"><h2>Browser Build-in</h2></th></tr>
                    <tr><th>Browser</th><th>Document</th></tr>
                    <tr><td>Firefox</td><td>See the <a href="http://support.mozilla.org/kb/keyboard-shortcuts-perform-firefox-tasks-quickly">Mozilla Support</a> (Multi language)</td></tr>
                    <tr><td>Chrome / Chromium</td><td>See the <a href="https://support.google.com/chrome/bin/answer.py?topic=25799&answer=171571">Chrome Help</a> (Multi language)</td></tr>
                </tbody>

                <tfoot>
                </tfoot>
            </table>
        </article>

    </body>

</html>
